2020/2/29 vue 您所在的位置:网站首页 HTML 和静态资源 Vue CLI 2020/2/29 vue

2020/2/29 vue

#2020/2/29 vue| 来源: 网络整理| 查看: 265

    以下所有总结只针对vue-cli中的问题

 

1. 在项目中运作时 因为vue-cli的格式要求严格 遍历数组或对象时需要绑定一个值作为索引,即:key=””;

2.

Vue的数据渲染格式上,

每个双括号之间只能有一个变量

3.  

以该题为例

函数中的this指向的数据双向绑定的那个值,所以理解成绑定谁都一样,因为他们彼此是跟随改变的

打印this出来是一个vue的对象,里面包含了很多方法

 

4. 出现这个错是因为在使用v-for遍历时,:key绑定的值是一个对象,应该绑定一个string或者number,通常我们会绑定索引.这也是因为:key这个东西的出现就是为了加速数据读取方便渲染,如果是用对象作为key值只会更加降低效率.

5. main.js中这两种写法等价,都是创建vue实例

6. 监听对象中某个属性 用引号括起来即可

7.

8.错误示例:在组件中,使用选项props 来声明需要从父级接收的数据, props 的值可以是两种, 一种是字符串数组,一种是对象。渲染同样是在组件中渲染。并且props对象内的数据的值表示的室类型,而不是直接写确定的值,不然父级渲染什么呢。 对上面错误示例进行纠正: 父级传输数据的格式如下: 如果想传输给组件的是一个完整的对象 那么父级中渲染格式应为: 渲染出的结果图:

9.对路由配置文件的详解  

如图,是一个路由配置文件的完整代码

关于上图name属性,这篇文章有详细解释:

https://blog.csdn.net/alokka/article/details/84318734

关于上图mode属性的hash和history的区别,这篇文章有详细解释:

https://www.cnblogs.com/wuyunna/p/11496430.html

关于上图children属性:

他是当前对象的儿子,而当前对象是一级路由,所以此处children中的对象就是二级路由

二级路由不止一个,所以children应该为数组,与routes属性同理

关于上图path中对应的主文件app.vue的代码如下图:

其中

router-link          表示路由连接,会生成a标签

router-view         表示路由容器,用于显示组件的内容

配置二级路由与配置一级路由思路完全相同

只是以一级路由中的文件作为主文件向下爆炸

 

待更…

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有